<template>
  <view
    class="box"
    style="background: #eff1f3"
    @touchstart="handleTouchStart"
    @touchmove="handleTouchMove"
    @touchend="handleTouchEnd"
  >
    <view class="indexbg fixed" :style="indexbgStyle">
      <view class="sticky-top-bg" :style="stickyTopBgStyle" />
      <view class="tou">
        <!-- 帮帮同城 -->
        <image
          style=""
          class="index-logo"
          src="https://pic.bangbangtongcheng.com/static/bbcz/tb-logo.png"
          mode="widthFix"
        />
  
        <image
          @click="saoma"
          style="left: 275rpx"
          class="index-sousou"
          src="https://pic.bangbangtongcheng.com/static/saoyisaox.png"
          mode="widthFix"
        />
  
        <image
          @click="sousuo"
          style="left: 355rpx"
          class="index-sousou"
          src="https://pic.bangbangtongcheng.com/static/sousuo-6.png"
          mode="widthFix"
        />
        <!-- #ifdef APP-PLUS -->
        <image
          @click="fenxiang"
          style="left: 435rpx"
          class="index-sousou"
          src="https://pic.bangbangtongcheng.com/static/fenxiang-3.png"
          mode="widthFix"
        />
        <!-- #endif -->       
      </view>
    </view>

    <view class="bannerBox" :class="scrollTop > 20 ? 'Ptop' : ''">
      <view class="banner">
        <swiper
          style="min-height: 0rpx; height: 458rpx"
          class="screen-swiper"
          :indicator-dots="false"
          :circular="true"
          :autoplay="true"
          indicator-active-color="#ffffff"
          interval="5000"
          duration="500"
        >
          <swiper-item v-for="(item, index) in bannerList" :key="index" @click="bannerD(item.id)">
            <image :src="imgUrl + item.picturePath" mode="aspectFill" />
            <view class="byTitle"
              ><span>{{ item.title }}</span></view
            >
          </swiper-item>
        </swiper>
      </view>
      <view class="semiCircle"></view>
    </view>
    <view class="gonggao">
      <view class="lis" style="white-space: nowrap; color: #0fa291; font-weight: bold">
        平台公告
      </view>
      <view class="li gong">
        <swiper
          style="min-height: 0rpx; height: 60rpx"
          :circular="true"
          :autoplay="true"
          :vertical="true"
          :display-multiple-items="WatchList.length > 2 ? 1 : WatchList.length"
          interval="3000"
          duration="500"
        >
          <swiper-item v-for="(item, index) in WatchList" :key="index" @click="WatchNav(item.id)">
            <view class="text">{{ item.title }}</view>
          </swiper-item>
        </swiper>
      </view>
      <view v-if="false" class="lis" style="white-space: nowrap; color: #ff4d2e; font-weight: 500" @click="toFollowAccount">
        <view>关注公众号，享更多福利</view>
        <image src="https://pic.bangbangtongcheng.com/static/bbcz/left-arrow.png"
          style="width: 24rpx;height: 24rpx;"></image>
      </view>
    </view>
    <view class="majorFunction">
      <view class="majorFunctionItem" @click="tiaozhuan(3)">
        <image src="https://pic.bangbangtongcheng.com/static/index-qiuzhi.png" mode="scaleToFill" />
      </view>
      <view class="majorFunctionItem" @click="tiaozhuan(1)">
        <image src="https://pic.bangbangtongcheng.com/static/index-zufang.png" mode="scaleToFill" />
      </view>
      <view class="majorFunctionItem" @click="tiaozhuan(2)">
        <image src="https://pic.bangbangtongcheng.com/static/index-qiche.png" mode="scaleToFill" />
      </view>
    </view>

    <view class="secondaryFunction">
      <view class="secondaryFunctionItem" @click="tiaozhuan(5)">
        <view style="display: flex">
          <image
            style="width: 26rpx; height: 25rpx; margin-right: 10rpx"
            class="index-sousou"
            src="https://pic.bangbangtongcheng.com/static/index-bangyoujilebu.png"
            mode="widthFix"
          />
          <image
            style="width: 128rpx; height: 25rpx"
            class="index-sousou"
            src="https://pic.bangbangtongcheng.com/index-bangyoujilebu-font.png"
            mode="widthFix"
          />
        </view>
      </view>
      <view
        class="secondaryFunctionItem"
        @click="tiaozhuan(6)"
        :class="!showActivity1 ? 'shake' : ''"
      >
        <view style="display: flex">
          <image
            style="width: 26rpx; height: 25rpx; margin-right: 10rpx"
            class="index-sousou"
            src="https://pic.bangbangtongcheng.com/static/index-youqingyoujiang.png"
            mode="widthFix"
          />
          <image
            style="width: 102rpx; height: 25rpx"
            class="index-sousou"
            src="https://pic.bangbangtongcheng.com/index-youqinyouli-font.png"
            mode="widthFix"
          />
        </view>
      </view>
      <view class="secondaryFunctionItem" @click="tiaozhuan(4)">
        <view style="border: none; display: flex">
          <image
            style="width: 26rpx; height: 25rpx; margin-right: 10rpx"
            class="index-sousou"
            src="https://pic.bangbangtongcheng.com/static/index-dituzhao.png"
            mode="widthFix"
          />
          <image
            style="width: 77rpx; height: 25rpx"
            class="index-sousou"
            src="https://pic.bangbangtongcheng.com/index-dituzhao-font.png"
            mode="widthFix"
          />
        </view>
      </view>
      <view class="secondaryFunctionItemLast">
        <view>
          <image
            src="https://pic.bangbangtongcheng.com/index-all-font.png"
            mode="widthFix"
            style="width: 89rpx; height: 50rpx"
          />
        </view>
      </view>
    </view>

    <view
      class="cu-list grid col-4 no-border"
      style="
        white-space: nowrap;
        margin: 0 auto;
        width: 690rpx;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0 0 20rpx 0;
        display: none;
      "
    >
      <view class="cu-item" @click="tiaozhuan(1)" style="width: 20%">
        <view
          class="img"
          style="
            width: 128rpx;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 24rpx;
            vertical-align: middle;
          "
        >
          <image
            style="width: 100rpx; height: 100rpx"
            mode="widthFix"
            src="https://pic.bangbangtongcheng.com/static/nav_icon2.png"
          />
        </view>
        <text style="font-size: 28rpx; color: #333333; margin-top: 16rpx; line-height: 28rpx"
          >帮帮安巢</text
        >
      </view>
      <view class="cu-item" @click="tiaozhuan(2)" style="width: 20%">
        <view
          class="img"
          style="
            width: 128rpx;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 24rpx;
          "
        >
          <image
            style="width: 84rpx; height: 69rpx"
            src="https://pic.bangbangtongcheng.com/static/bbcz/bbcz01.png"
          />
        </view>
        <text style="font-size: 28rpx; color: #333333; margin-top: 16rpx; line-height: 28rpx"
          >帮帮车主</text
        >
      </view>
      <view class="cu-item" @click="tiaozhuan(3)" style="width: 20%">
        <view
          class="img"
          style="
            width: 128rpx;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 24rpx;
          "
        >
          <image
            style="width: 100rpx; height: 100rpx"
            mode="widthFix"
            src="https://pic.bangbangtongcheng.com/static/bbzc/zhaocai_1.png"
          />
        </view>
        <text style="font-size: 28rpx; color: #333333; margin-top: 16rpx; line-height: 28rpx"
          >帮帮招才</text
        >
      </view>
      <view class="cu-item" @click="tiaozhuan(4)" style="width: 20%">
        <view
          class="img"
          style="
            width: 128rpx;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 24rpx;
            vertical-align: middle;
          "
        >
          <image
            style="width: 100rpx; height: 100rpx"
            src="https://pic.bangbangtongcheng.com/static/nav_icon4.png"
          />
        </view>
        <text style="font-size: 28rpx; color: #333333; margin-top: 16rpx; line-height: 28rpx"
          >地图找</text
        >
      </view>
    </view>
    <view class="activity_window" style="display: none">
      <view class="activity_item" @click="tiaozhuan(5)">
        <image
          src="https://pic.bangbangtongcheng.com/84058a7bd2e94520838046f7b0ae19e5.png"
          mode="scaleToFill"
        />
      </view>
      <view
        class="activity_item"
        :class="!showActivity1 ? 'shake' : ''"
        @click="tiaozhuan(6)"
        v-if="!taskInfo"
      >
        <image
          src="https://pic.bangbangtongcheng.com/43b91bb6fcf346d0a8763cb88086489d.png"
          mode="scaleToFill"
        />
      </view>
      <view
        v-else
        :class="!showActivity1 ? 'shake' : ''"
        class="activity_item activity_item1"
        @click="tiaozhuan(6)"
      >
        <image
          src="https://pic.bangbangtongcheng.com/e3b07d6512e14d7694bc6420fa6413f4.png"
          mode="scaleToFill"
        />
        <view class="activity_time" :class="hour == '' ? 'flex_right' : ''">
          <view class="flex_end" v-if="hour != ''">
            <view class="time_box">
              {{ hour }}
            </view>
            <view class="unit"> 时 </view>
            <view class="time_box">
              {{ minute }}
            </view>
            <view class="unit"> 分 </view>
            <view class="time_box">
              {{ second }}
            </view>
            <view class="unit"> 秒 </view>
          </view>
          <view class="btn flex_center"> 查看详情 </view>
        </view>
      </view>
    </view>

    <view v-show="newBigIndexQieShow">
      <view class="bigIndexQie flexd-inde-qie" :style="newBigIndexQieStyle">
        <view class="text" :class="switchRecomData == 1 ? 'active' : ''" @click="switchRecom(1)"
          >精选</view
        >
        <view class="text" :class="switchRecomData == 4 ? 'active' : ''" @click="switchRecom(4)"
          >招聘</view
        >
        <view class="text" :class="switchRecomData == 2 ? 'active' : ''" @click="switchRecom(2)"
          >房产</view
        >
        <view class="text" :class="switchRecomData == 3 ? 'active' : ''" @click="switchRecom(3)"
          >汽车</view
        >
      </view>
    </view>

    <view class="flex_end join-group-box" @click="toJoinGroupPage">
      <image class="join-avatar" type="image" src="https://pic.bangbangtongcheng.com/static/app/index/group-avatar.png" mode="widthFix" />
      <view class="content">
        <view class="join-text">
          【帮帮同城】平度工作推荐群
        </view>
        <view class="tips-text">
          分享平台最新招聘信息
        </view>
      </view>
      <image class="join-btn" type="image" src="https://pic.bangbangtongcheng.com/static/app/index/join-group-img.png" mode="widthFix" />
    </view>

    <view class="bigIndexQie" :style="bigIndexQieStyle">
      <view class="text" :class="switchRecomData == 1 ? 'active' : ''" @click="switchRecom(1)"
        >精选</view
      >
      <view class="text" :class="switchRecomData == 4 ? 'active' : ''" @click="switchRecom(4)"
        >招聘</view
      >
      <view class="text" :class="switchRecomData == 2 ? 'active' : ''" @click="switchRecom(2)"
        >房产</view
      >
      <view class="text" :class="switchRecomData == 3 ? 'active' : ''" @click="switchRecom(3)"
        >汽车</view
      >
    </view>

    <view class="list">
      <template v-if="switchRecomData == 1">
        <view v-for="(item, index) in Recommend" :key="index">
          <template v-if="item.transactionType">
            <HouseHumpItem :data="item" @item-click="details" />
          </template>
          <template v-else-if="item.recruitmentType == 1 || item.recruitmentType == 2">
            <HireHumpItem :data="item" @item-click="zpdetails" />
          </template>
          <template v-else>
            <VehicleHumpItem :data="item" @item-click="details" />
          </template>
        </view>
      </template>
      <template v-else-if="switchRecomData == 2">
        <HouseHumpItem v-for="(item, index) in Recommend" :key="index" :data="item" @item-click="details" />
      </template>
      <template v-else-if="switchRecomData == 3">
        <VehicleHumpItem v-for="(item, index) in Recommend" :key="index" :data="item" @item-click="details" />
      </template>
      <template v-else-if="switchRecomData == 4">
        <HireHumpItem v-for="(item, index) in Recommend" :key="index" :data="item" @item-click="zpdetails" />
      </template>
    </view>
    <view v-if="Recommend.length == 0" class="none">
      <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
      <view>没有更多数据了</view>
    </view>
    <view class="down" v-show="Recommend.length != 0 && !downStatus">没有更多了</view>

    <view class="zbc" v-if="zbc">
      <view class="tan">
        <view class="text">商家已将您标记为离职，是否同意？</view>
        <view class="xiao" @click="guan">稍后</view>
        <view class="tong" @click="agreelz">同意</view>
        <view class="guan" @click="guan">×</view>
      </view>
    </view>
    <view class="mapbuZbc" v-if="mapChilk" @touchmove.stop.prevent="">
      <view class="mapView">
        <image src="https://pic.bangbangtongcheng.com/static/bbcz/dtzc01.png" @click="mapSeek(1)" />
        <p>地图找车</p>
      </view>
      <view class="mapView">
        <image src="https://pic.bangbangtongcheng.com/static/fabu_c.png" @click="mapSeek(2)" />
        <p>地图找房</p>
      </view>
      <view class="mapView">
        <image src="https://pic.bangbangtongcheng.com/static/bbzc/Map_zc.png" @click="mapSeek(3)" />
        <p>地图招才</p>
      </view>
      <view class="show" @click="mapClose">
        <image
          style="width: 100%; height: 100%"
          src="https://pic.bangbangtongcheng.com/static/guanbi.png"
        >
        </image>
      </view>
    </view>
    <uni-popup ref="tijiaos" mode="center">
      <view class="tijiaos_frame">
        <view class="title"> 会员礼品赠送 </view>
        <view class="tijiaos_one" v-if="assa == 1">
          <image
            class="image3"
            src="https://pic.bangbangtongcheng.com/icon/expression_04.png"
            mode=""
          >
          </image>
          <view class="zhyc">该二维码未绑定会员账号</view>
        </view>
        <view class="tijiaos_one" v-if="assa == 2">
          <image
            class="image"
            src="https://pic.bangbangtongcheng.com/static/bbcz/expression_01.png"
            mode=""
          >
          </image>
          <view class="lqsb">用户上次领取礼品未确认</view>
          <view class="zhyc">请提醒会员登录帮帮同城确认</view>
        </view>
        <view class="tijiaos_one" v-if="assa == 3">
          <image
            class="image3"
            src="https://pic.bangbangtongcheng.com/icon/expression_04.png"
            mode=""
          >
          </image>
          <view class="zhyc">本月礼品已全部领取，敬请期待下月好礼~</view>
        </view>
        <view class="determine" @click="queding"> 确定 </view>
      </view>
    </uni-popup>
    <!-- 商家拒绝弹窗 -->
    <uni-popup ref="binds44" type="center" :isMaskClick="true">
      <view class="uni-popup-wrapper" style="padding: 0 46rpx">
        <view class="uni-popup-title" style="font-size: 32rpx; line-height: 45rpx; color: #000000">
          {{
            receivePrompt.confirmStatus == 2
              ? `礼品${receivePrompt.type == 1 ? '送货' : '退货'}拒绝通知`
              : `礼品${receivePrompt.type == 1 ? '送货' : '退货'}同意通知`
          }}
        </view>

        <view
          class="uni-popup-content"
          style="
            padding: 34rpx 0;
            font-size: 28rpx;
            line-height: 39rpx;
            color: #000000;
            text-align: center;
          "
        >
          {{
            receivePrompt.confirmStatus == 2
              ? `商家“${receivePrompt.merchantName || ''}”拒绝了您发起的${
                  receivePrompt.type == 1 ? '送货' : '退货'
                }`
              : `商家“${receivePrompt.merchantName || ''}”同意了您发起的${
                  receivePrompt.type == 1 ? '送货' : '退货'
                }`
          }}
          <view v-if="receivePrompt.confirmStatus == 2">请及时联系</view>
        </view>
        <!-- <button class="uni-popup-btn-one cu-btn" style="
					width: 240rpx;
					height: 60rpx;
					line-height: 60rpx;
					background: #64B6A8;
					border-radius: 37rpx 37rpx 37rpx 37rpx;
					font-size: 30rpx;
					font-weight: 400;
					color: #FFFFFF;
				" 
			@click="confirm44(receivePrompt)"> 确定</button> -->

        <button
          class="uni-popup-btn-one cu-btn"
          style="
            width: 240rpx;
            height: 60rpx;
            line-height: 60rpx;
            background: #64b6a8;
            border-radius: 37rpx 37rpx 37rpx 37rpx;
            font-size: 30rpx;
            font-weight: 400;
            color: #ffffff;
          "
          @click="merchantRecordDetailLink(receivePrompt)"
        >
          查看详情
        </button>
      </view>
    </uni-popup>
    <!-- 礼品送货通知  礼品退货通知 -->
    <uni-popup ref="binds33" type="center" :isMaskClick="true">
      <view class="uni-popup-wrapper" style="padding: 60rpx 32rpx 32rpx 32rpx">
        <view class="uni-popup-title" style="color: #000000; margin-bottom: 45rpx; margin-top: 0">
          礼品{{ receivePrompt.type == 1 ? '送货' : '退货' }}通知
        </view>
        <button
          class="uni-popup-btn-one cu-btn"
          style="
            width: 240rpx;
            height: 60rpx;
            border-radius: 37rpx 37rpx 37rpx 37rpx;
            background-color: transparent;
            color: #64b6a8;
            font-size: 30rpx;
            font-weight: 400;
            opacity: 1;
            border: 2rpx solid #64b6a8;
            margin-bottom: 0;
          "
          @click="confirm33(receivePrompt)"
        >
          查看详情
        </button>
      </view>
    </uni-popup>
    <uni-popup ref="binds" mode="center" :isMaskClick="true">
      <!-- <view class="binds_frame">
			<view class="binds_frame_t">会员礼品赠送</view>
			<view class="binds_frame_c">您于{{collectData.lssuingTime}}在{{collectData.merchantName}}领取帮帮同城{{collectData.month}}月赠礼一份。</view>
			<view class="binds_frame_b">
				<view class="cancel" @click="jcbdCancel">查看详情</view>
				<view class="determine" @click="confirmReceipt">知道了</view>
			</view>
		</view> -->

      <view class="mask" @click="confirmReceipt"></view>
      <view class="uni-popup-wrapper" style="padding: 0" @click.stop="">
        <text class="cuIcon-close close" @click="confirmReceipt"></text>
        <view class="uni-popup-title" style="line-height: 45rpx"> 会员礼品赠送 </view>
        <view class="uni-popup-content" style="padding: 20rpx; font-size: 28rpx; color: #666666">
          <view class="" style="">
            您于{{ collectData.lssuingTime }}在{{ collectData.merchantName }}领取帮帮同城{{
              collectData.month
            }}月赠礼
          </view>
        </view>
        <view
          class="uni-popup-seperate"
          style="margin: 0 22rpx; height: 0; border: 1rpx solid #d8d8d8"
        ></view>
        <view class="uni-popup-list">
          <view class="uni-popup-item" v-for="(item, index) in collectList" :key="index">
            <view class="uni-popup-item-name">{{ item.giftName }}</view>
            <view class="uni-popup-item-num">X1</view>
          </view>
          <!-- <view class="uni-popup-item">
					<view class="uni-popup-item-name">玻璃水</view>
					<view class="uni-popup-item-num">X1</view>
				</view> -->
        </view>
        <view class="tips"> 您对商家的服务满意吗? </view>
        <view class="scoringList">
          <view
            class="scoringItem"
            @click="scoringChange(20)"
            :class="scoringIndex == 20 ? 'active' : ''"
          >
            <image
              src="https://pic.bangbangtongcheng.com/icon/scoringIcon1.png"
              mode="scaleToFill"
              v-if="scoringIndex != 20"
              class="icon"
            />
            <image
              src="https://pic.bangbangtongcheng.com/icon/scoringActiveIcon1.png"
              mode="scaleToFill"
              v-if="scoringIndex == 20"
              class="icon showA"
            />
            <view v-if="scoringIndex == -1 || scoringIndex == 20">很不满</view>
          </view>
          <view
            class="scoringItem"
            @click="scoringChange(40)"
            :class="scoringIndex == 40 ? 'active' : ''"
          >
            <image
              src="https://pic.bangbangtongcheng.com/icon/scoringIcon2.png"
              mode="scaleToFill"
              v-if="scoringIndex != 40"
              class="icon"
            />
            <image
              src="https://pic.bangbangtongcheng.com/icon/scoringActiveIcon2.png"
              mode="scaleToFill"
              v-if="scoringIndex == 40"
              class="icon showA"
            />
            <view v-if="scoringIndex == -1 || scoringIndex == 40">不满</view>
          </view>
          <view
            class="scoringItem"
            @click="scoringChange(60)"
            :class="scoringIndex == 60 ? 'active' : ''"
          >
            <image
              src="https://pic.bangbangtongcheng.com/icon/scoringIcon3.png"
              mode="scaleToFill"
              v-if="scoringIndex != 60"
              class="icon"
            />
            <image
              src="https://pic.bangbangtongcheng.com/icon/scoringActiveIcon3.png"
              mode="scaleToFill"
              v-if="scoringIndex == 60"
              class="icon showA"
            />
            <view v-if="scoringIndex == -1 || scoringIndex == 60">一般</view>
          </view>
          <view
            class="scoringItem"
            @click="scoringChange(80)"
            :class="scoringIndex == 80 ? 'active' : ''"
          >
            <image
              src="https://pic.bangbangtongcheng.com/icon/scoringIcon4.png"
              mode="scaleToFill"
              v-if="scoringIndex != 80"
              class="icon"
            />
            <image
              src="https://pic.bangbangtongcheng.com/icon/scoringActiveIcon4.png"
              mode="scaleToFill"
              v-if="scoringIndex == 80"
              class="icon showA"
            />
            <view v-if="scoringIndex == -1 || scoringIndex == 80">满意</view>
          </view>
          <view
            class="scoringItem"
            @click="scoringChange(100)"
            :class="scoringIndex == 100 ? 'active' : ''"
          >
            <image
              src="https://pic.bangbangtongcheng.com/icon/scoringIcon5.png"
              mode="scaleToFill"
              v-if="scoringIndex != 100"
              class="icon"
            />
            <image
              src="https://pic.bangbangtongcheng.com/icon/scoringActiveIcon5.png"
              mode="scaleToFill"
              v-if="scoringIndex == 100"
              class="icon showA"
            />
            <view v-if="scoringIndex == -1 || scoringIndex == 100">很满意</view>
          </view>
        </view>
        <view class="uni-popup-btn-wrapper">
          <button class="uni-popup-btn cu-btn left" @click="jcbdCancel">查看详情</button>
          <!-- <button class="uni-popup-btn cu-btn right" @click="confirmReceipt">知道了</button> -->
        </view>
      </view>
    </uni-popup>
    <!-- 版本更新 -->
    <uni-popup ref="binds_renew" mode="center" :mask-click="false">
      <view class="renew">
        <view class="heade_top">
          <view class="title">
            <view class="banben">发现新版本</view>
            <view class="hao">V {{ banben.version }}</view>
          </view>
        </view>
        <view class="renew_center">
          <scroll-view scroll-y="true" style="height: 100%">
            <text>
              {{ banben.version_description }}
            </text>
          </scroll-view>
        </view>
        <view class="immediately" @click="doUpData()"> 立即更新 </view>
      </view>
    </uni-popup>
    <!-- #ifdef APP-PLUS -->
    <view class="quanbu" v-if="creatureUnlock">
      <unlock ref="creatureUnlock" @cancel="cancel" @fail="fail" @bonanza="bonanza" />
    </view>
    <!-- #endif -->
    <uniBall v-show="showBall" ref="uniBall"></uniBall>
    <view-tabbar :selected="0" style="z-index: 999" @changeRelease="changeRelease"></view-tabbar>
    <uni-popup ref="tijiaos1" mode="center">
      <view class="tijiaos_frame">
        <view class="tijiaos_one">
          <view class="zhyc">当前位置超出门店范围，请在门店周边 200米内就近扫码 </view>
        </view>
        <view class="determine" @click="queding1"> 确定 </view>
      </view>
    </uni-popup>
    <view class="mask1" v-if="showActivity" @click="showActivityclose"></view>
    <view v-if="showActivity1" class="activity_box" :class="showActivity ? 'show' : 'hide'">
      <image
        class="activity_image"
        src="https://pic.bangbangtongcheng.com/dc638a4c22f1498498ad25946583bc1a.png"
        mode="scaleToFill"
        @click="tiaozhuan(6)"
      />
      <image
        @click="showActivityclose"
        class="window_close"
        src="https://pic.bangbangtongcheng.com/f4f1219473f74f5e9c2602ee0a6bbd38.png"
        mode="scaleToFill"
      />
    </view>
    <back-top :scrollTop="scrollTop"></back-top>

    <uni-popup ref="bindLocationTip" mode="center">
      <view class="binds_frame_bindLocationTip">
        <view class="binds_frame_t"></view>
        <view class="binds_frame_c">您已关闭位置权限<br />或获取位置信息失败</view>
        <view class="binds_frame_b">
          <view class="cancel" @click="$refs.bindLocationTip.close()">取消</view>
          <view class="determine" @click="toLocationSetting()">确定</view>
        </view>
      </view>
    </uni-popup>
    <!-- #ifdef APP-PLUS -->
    <view class="location-popup" v-if="locationVisible">
      <view class="location-content">
        <view class="content-l">
          <view style="font-size: 28rpx; margin-bottom: 10rpx">定位服务未开启</view>
          <view style="font-size: 20rpx">开启后才能看到附近的信息哦~</view>
        </view>
        <view class="content-r">
          <u-button @click="openLocation" text="去开启" color="#64b6a8" size="mini"></u-button>
        </view>
      </view>
    </view>
    <!-- #endif -->
  </view>
</template>

<script>
  import { mapGetters } from 'vuex'
  // #ifdef APP-PLUS
  import unlock from '@/components/unlock/Creature-Unlock.vue'
  // #endif
  let statusBarHeight
  //#ifdef H5
  import wxshare from '../../utils/index.js'
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10 + 44
  //#endif
  // #ifdef APP-PLUS
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10 + 44
  //  #endif
  // #ifdef MP-WEIXIN
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 5 + 88
  //  #endif
  import Tabbar from '@/components/tabbar.vue'
  // #ifdef APP-PLUS
  const hwscan = uni.requireNativePlugin('LY-HWScan') //插件
  // #endif
  export default {
    data() {
      return {
        statusBarHeight,
        showBall: !0, // Ball 展示状态 默认展示
        zbc: false,
        pageSize: 10,
        pageNo: 1,
        trigger: false,
        downStatus: true,
        upStatus: true,
        bannerList: [],
        Recommend: [],
        WatchList: [],
        imgUrl: this.$imgSrc,
        showType: false,
        orderSort: '1',
        scrollTop: '0',
        userInfo: uni.getStorageSync('Pduser'),
        phone: '',
        switchRecomData: 1,
        mapChilk: false,
        collectData: {},
        assa: 1,
        latitude: '',
        longitude: '',
        isAndroid: '',
        creatureUnlock: false,
        banben: {},
        receivePrompt: {
          confirmStatus: 1,
          type: 1,
        },
        collectList: [],
        scoringIndex: -1,
        showActivity: true,
        hour: '',
        minute: '',
        second: '',
        timeDown: '',
        taskInfo: null,
        showActivity1: true,
        taskNum: 0,
        isViewVisible: true,
        locationVisible: false, // 定位权限弹窗
      }
    },
    components: {
      'view-tabbar': Tabbar,
      //#ifdef APP-PLUS
      unlock: unlock,
      //#endif
    },

    computed: {
      ...mapGetters(['statusBarHeight1', 'userinfo']),
      // 注意 兼容小程序只能使用字符串写法
      indexbgStyle(){
        return `padding-top: ${this.statusBarHeight1}px`;
      },
      stickyTopBgStyle(){
        const proportion = this.$systemInfo.windowWidth / 750;
        const tem = 400 * (this.$systemInfo.windowWidth / 375);
        const opacity = (this.scrollTop / (tem - this.statusBarHeight1 - 88 * proportion)).toFixed(2);
        return `opacity: ${opacity}`;
      },
      newBigIndexQieStyle() {
        const proportion = this.$systemInfo.windowWidth / 750;
        const tem = 400 * (this.$systemInfo.windowWidth / 375);
        const opacity = (this.scrollTop / (tem - this.statusBarHeight1 - 88 * proportion)).toFixed(2);
        const top = this.statusBarHeight1 + parseInt(88 * proportion);
        return `background-color: rgba(255,255,255,${opacity});top: ${top}px`;
      },
      newBigIndexQieShow() {
        const proportion = this.$systemInfo.windowWidth / 750;
        const tem = 442 * (this.$systemInfo.windowWidth / 375);
        const opacity = (this.scrollTop / (tem - this.statusBarHeight1 - (proportion * 88))).toFixed(2);
        return opacity >= 1;
      },
      bigIndexQieStyle() {
        const tem = 400 * (this.$systemInfo.windowWidth / 375);
        const opacity = (this.scrollTop / (tem - this.statusBarHeight1)).toFixed(2);
        return `background-color: rgba(255,255,255,${opacity});`;
      },
      bigIndexQieTop() {
        let top ;
        const proportion = this.$systemInfo.windowWidth / 750;
        // #ifdef H5
        top = this.statusBarHeight1;
        // #endif
        // #ifndef H5
        top = this.statusBarHeight1 + parseInt(88 * proportion);
        // #endif
        return top;
      },
    },

    async onShow() {
      this.userInfo = uni.getStorageSync('Pduser');
      this.phone = this.userInfo.phone
      this.$nextTick(() => {
        this.$refs.uniBall.getData()
      })
      this.quit()
      await this.giftReceive()
      // 商家是否有弹窗
      if (this.userInfo.merchantId && !this.userInfo.merchantStaffId) {
        this.giftReceiveFromAdmin()
      }

      // 管理员是否有弹窗
      if (this.userInfo.whetherAdmin == 1) {
        this.giftReceiveFromMerchant()
      }

      if (this.phone) {
        this.getUserPhone()
      }
      if (this.userInfo.id) {
        this.getTask(this.taskNum)
      } else {
        this.taskInfo = null
        if (this.timeDown) clearInterval(this.timeDown)
      }
    
      // #ifdef APP-PLUS
      // 获取定位弹窗
      // const res = uni.getSystemInfoSync();
      const locationState = uni.getStorageSync('locationState');
      if (locationState) {
        this.locationVisible && (this.locationVisible = !1);
      } else {
        !this.locationVisible && (this.locationVisible = !0);
      }
      // #endif
    },
    onPullDownRefresh() {
      this.Recommend = []
      this.pageNo = 1
      this.downStatus = true
      if (this.upStatus) {
        this.trigger = true
        this.switchRecomList()
      }
    },
    onReachBottom() {
      this.down()
    },
    async onLoad(options) {
      // this.scanDeal({
      // 	result:'https://a.app.qq.com/o/simple.jsp?pkgname=com.cn.conven&codeId=hksjK0FR&merchantId='
      // })
      // uni.navigateTo({
      // 	url:'/pages_owner/carMember/memberGifts'
      // })
      // return
      let that = this

      uni.hideTabBar()
      if (options.wxOpenid) {
        let userInfo = {
          openid: options.wxOpenid,
          headimgurl: options.image,
          nickname: options.nickname,
        }
        uni.setStorageSync('userInfo', userInfo)
      }
      if (options.userId) {
        let taskInfo = {
          userId: options.userId,
          taskId: options.taskId,
        }
        uni.setStorageSync('taskInfo', taskInfo)
      }
      if (this.userInfo.id) {
        // this.getTask()
      } else {
        this.showActivity = true
        this.showActivity1 = true
      }
      // #ifdef APP-PLUS
      // 存储定位权限弹窗次数
      uni.setStorageSync('locationNumber', 0)
      //指纹解锁
      // this.getunlock()
      await this.renew()
      // 获取定位弹窗
      const res = uni.getSystemInfoSync();
      if (res.platform == 'android') {
        const appAuthorizeSetting = uni.getAppAuthorizeSetting()
        if (appAuthorizeSetting.locationAuthorized == 'authorized') {
          // 已经获得授权，无需再次请求授权
          this.locationVisible = false
          uni.setStorageSync('locationState', 1)
          this.getLocation1();
        } else if (appAuthorizeSetting.locationAuthorized == 'denied') {
          // 请求授权被拒绝，无法再次请求授权
          this.locationVisible = true
          uni.setStorageSync('locationState', 0)
        } else if (appAuthorizeSetting.locationAuthorized == 'not determined') {
          // 表示尚未请求授权，会在App下一次调用系统相应权限时请求
          this.locationVisible = true
          uni.setStorageSync('locationState', 0)
        }
        // TODO: permision插件会导致一进app弹出权限请求（影响国内应用市场上架）
        // let result = await permision.requestAndroidPermission(
        //   'android.permission.ACCESS_FINE_LOCATION'
        // )
        // if (result == 1) {
        //   // 已开启定位
        //   await this.getLocation()
        //   this.locationVisible = false
        //   uni.setStorageSync('locationState', 1)
        // } else {
        //   // 未开启定位
        //   this.locationVisible = true
        //   uni.setStorageSync('locationState', 1)
        // }
      } else {
        this.locationVisible = false;
        this.getLocation1();
      }
      // #endif
      /* #ifdef MP */
      this.getAuthorize();
      /* #endif */
      // await this.getLocation()
      await this.getBanner()
      await this.getWatch()
      await this.switchRecomList()
      /* #ifdef H5 */
      this.jinzhi()
      /* #endif */
    },
    onShareAppMessage(res) {
      if (res.from === 'menu') {
      }
      return {
        title: '帮帮同城-平度人都在用的生活服务平台',
        path: '/pages/index/index',
        imageUrl: 'https://pic.bangbangtongcheng.com/static/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%88%86%E4%BA%AB.png',
      }
    },
    // 分享到微信朋友圈
    onShareTimeline() {
      return {
        title: '帮帮同城-平度人都在用的生活服务平台',
        path: '/pages/index/index',
        imageUrl: 'https://pic.bangbangtongcheng.com/static/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%88%86%E4%BA%AB.png',
      }
    },
    filters: {
      nums(val) {
        return val.toFixed(2)
      },
    },
    onPageScroll: function (Object) {
      this.scrollTop = Object.scrollTop //实时获取到滚动的值
    },
    beforeDestroy() {
      if (this.timeDown) clearInterval(this.timeDown)
    },
    methods: {
      getAuthorize(){
        const that = this;
        uni.authorize({
          scope: 'scope.userLocation',
          success(res){
            console.log(res);
            that.getLocation1();
          },
          fail(err){
            console.log(err);
            uni.showModal({
              title: '提示',
              content: '帮帮同城需要获取您当前定位以便为您提供更优质服务，请手动前往设置',
              confirmText: '立即设置',
              success: (res) => {
                if (res.confirm) {
                  uni.openSetting({
                    success(res) {
                      // console.log(res.authSetting);
                      if (res.authSetting['scope.userLocation']) that.getLocation1();
                    }
                  });
                }
              },
            })
          },
        })
      },
      changeRelease(status){
        this.showBall = !status;
      },
      fenxiang() {
        uni.showActionSheet({
          itemList: ['分享到微信好友', '分享到微信朋友圈'],
          success: (res) => {
            let wsxcene = null
            if (res.tapIndex == 0) {
              // 分享到微信好友
              wsxcene = 'WXSceneSession'
              uni.share({
                provider: 'weixin',
                scene: wsxcene,
                type: 5,
                title: '帮帮同城-平度人都在用的生活服务平台',
                imageUrl: 'https://pic.bangbangtongcheng.com/static/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%88%86%E4%BA%AB.png',
                miniProgram: {
                  id: 'gh_c8b17811efca',
                  path: 'pages/index/index',
                  type: 0,
                  webUrl: 'https://www.bangbangtongcheng.com/conven_web/#/',
                },
              })
            } else {
              // 分享到微信朋友圈
              wsxcene = 'WXSceneTimeline'
              uni.share({
                provider: 'weixin',
                scene: wsxcene,
                type: 0,
                title: '帮帮同城-平度人都在用的生活服务平台',
                href: 'https://www.bangbangtongcheng.com/conven_web/#/',
                imageUrl: '../../static/logo.png',
                summary: '好工作·好房子·好车源，帮帮同城，一站全搞定！',
              })
            }
          },
        })
      },
      openLocation() {
        let number = uni.getStorageSync('locationNumber')
        if (number <= 0) {
          this.getLocation1()
        } else {
          this.toLocationSetting()
        }
      },
      showActivityclose() {
        this.showActivity = false
        setTimeout(() => {
          this.showActivity1 = false
        }, 550)
      },
      getTask(type) {
        let that = this
        // this.showActivity = true
        // this.showActivity1 = true
        this.taskNum++
        uni.showLoading({
          title: '加载中',
        })
        this.$myRequest
          .get('/api/mobile/public/getShareInfo', {
            userId: this.userInfo.id,
          })
          .then((res) => {
            if (this.timeDown) clearInterval(this.timeDown)
            this.hour = ''
            this.minute = ''
            this.second = ''
            if (res.commonTaskConfigs.length) {
              let type5 = {}
              let type1 = {}
              let type2 = {}
              res.commonTaskConfigs.forEach((el) => {
                if (el.type == 5) {
                  type5 = el
                } else if (el.type == 1) {
                  type1 = el
                } else if (el.type == 2) {
                  type2 = el
                }
              })
              if (type5.inviteNumber == 1) {
                if (!type) {
                  if (!type1.userTask && !type2.userTask) {
                    this.showActivity = true
                    this.showActivity1 = true
                  }
                  if (
                    type1.userTask &&
                    type1.userTask.status != 0 &&
                    type2.userTask &&
                    type2.userTask.status != 0
                  ) {
                    this.showActivity = true
                    this.showActivity1 = true
                  }
                }
                // if(!type1.userTask && type2.userTask && type2.userTask.status == 0) {
                //   this.showActivity = true
                //   this.showActivity1 = true
                // }
                // if(!type2.userTask && type1.userTask && type1.userTask.status == 0) {
                //   this.showActivity = true
                //   this.showActivity1 = true
                // }

                if (
                  type1.userTask &&
                  type1.userTask.isEnd != 1 &&
                  type2.userTask &&
                  type2.userTask.isEnd != 1 &&
                  type1.userTask.status != 2 &&
                  type1.userTask.status != 3 &&
                  type2.userTask.status != 2 &&
                  type2.userTask.status != 3
                ) {
                  if (type2.userTask.endTime < type1.userTask.endTime) {
                    this.timeDown = setInterval(that.updateCountdown, 1000, type2.userTask.endTime)
                    this.taskInfo = type2
                  } else {
                    this.timeDown = setInterval(that.updateCountdown, 1000, type1.userTask.endTime)
                    this.taskInfo = type1
                  }
                  return
                }
                if (
                  type1.userTask &&
                  type1.userTask.isEnd != 1 &&
                  type1.userTask.status != 2 &&
                  type1.userTask.status != 3
                ) {
                  this.timeDown = setInterval(that.updateCountdown, 1000, type1.userTask.endTime)
                  this.taskInfo = type1
                  return
                }
                if (
                  type2.userTask &&
                  type2.userTask.isEnd != 1 &&
                  type2.userTask.status != 2 &&
                  type2.userTask.status != 3
                ) {
                  this.timeDown = setInterval(that.updateCountdown, 1000, type2.userTask.endTime)
                  this.taskInfo = type2
                }
              }
            }
          })
          .finally(() => {
            uni.hideLoading()
          })
      },
      // 更新倒计时函数
      updateCountdown(date) {
        const targetTime = new Date(date).getTime()
        const currentTime = new Date().getTime()
        const timeLeft = targetTime - currentTime

        if (timeLeft >= 0) {
          const hours = Math.floor(timeLeft / 3600000)
          const minutes = Math.floor((timeLeft / 1000 / 60) % 60)
          const seconds = Math.floor((timeLeft / 1000) % 60)
          // 格式化显示时间
          this.hour = hours > 9 ? hours : '0' + hours
          this.minute = minutes > 9 ? minutes : '0' + minutes
          this.second = seconds > 9 ? seconds : '0' + seconds
          // setTimeout(this.updateCountdown(date), 1000)
        } else {
          // 倒计时结束
          clearInterval(this.timeDown)

          this.hour = '00'
          this.minute = '00'
          this.second = '00'
        }
      },
      handleTouchStart(event) {
        // 记录开始触摸的Y坐标
        this.startY = event.touches[0].clientY
      },
      handleTouchMove(event) {
        // 当前触摸的Y坐标
        const currentY = event.touches[0].clientY
        // 计算滑动的距离
        const distance = currentY - this.startY;
        // 根据滑动的距离判断是上滑还是下滑
        if (distance > 6) {
          // 上滑操作
          this.isViewVisible = true
        } else if (distance < -6) {
          // 下滑操作
          this.isViewVisible = false
        }
      },
      handleTouchEnd() {
        // 可以在这里做一些触摸结束后的处理
      },
      scoringChange(index) {
        let that = this
        if (this.scoringIndex != -1) return
        this.scoringIndex = index

        this.$myRequest
          .post('/api/mobile/vehicleOwner/scoreMerchant', {
            userId: this.userInfo.id,
            merchantId: this.collectData.merchantId,
            receiveId: this.collectData.batchCode,
            score: index,
          })
          .then((res) => {
            uni.showToast({
              title: '评价成功',
              icon: 'none',
              mask: true,
            })
            setTimeout(() => {
              that.confirmReceipt()
            }, 1500)
          })
      },
      queding1() {
        this.$refs.tijiaos1.close()
      },
      getunlock() {
        let zwjs_key = uni.getStorageSync('zwjs_key')
        if (zwjs_key) {
          this.creatureUnlock = true
        }
      },
      bonanza() {
        setTimeout(() => {
          this.creatureUnlock = false
        }, 500)
      },
      fail() {},
      cancel() {
        uni.reLaunch({
          url: '/pages/index/index',
        })
      },
      // 获取版本号更新
      renew() {
        let isAndroid = false
        const res = uni.getSystemInfoSync()
        if (res.platform == 'android') {
          isAndroid = true
        } else {
          isAndroid = false
        }
        new Promise((resolve, reject) => {
          plus.runtime.getProperty(plus.runtime.appid, function (wgtinfo) {
            //  获取 app的version
            let appversion = wgtinfo.version
            uni.setStorageSync('appversion', appversion)
            resolve(appversion)
          })
        })
          .then((res) => {
            // 更新版本接口
            const v = res
            this.$myRequest
              .get('/mob/user/getVersion', {
                userId: this.userInfo.id,
              })
              .then((res) => {
                if (res.code == 200) {
                  if (v != res.versionConfig[0].version && res.versionConfig[0].is_enable == 1) {
                    //  对比版本，进行更新升级
                    this.banben = res.versionConfig[0]
                    this.$refs.binds_renew.open()
                    this.isAndroid = isAndroid
                  }
                }
              })
          })
          .catch((res) => {})
      },
      doUpData() {
        this.$refs.binds_renew.close()
        uni.showLoading({
          title: '更新中……',
        })
        let url = ''
        if (this.isAndroid) {
          url = 'https://pic.bangbangtongcheng.com/apkback/conven.apk' //下载地址  安卓
          var dtask = plus.downloader.createDownload(url, {}, function (d, status) {
            // 下载完成
            if (status == 200) {
              plus.runtime.install(
                plus.io.convertLocalFileSystemURL(d.filename),
                {},
                {},
                function (error) {
                  uni.showToast({
                    title: '安装失败',
                    duration: 1500,
                  })
                }
              )
            } else {
              uni.showToast({
                title: '更新失败',
                duration: 1500,
              })
            }
          })
          dtask.start()
        } else {
          url = 'https://apps.apple.com/cn/app/%E5%B8%AE%E5%B8%AE%E5%90%8C%E5%9F%8E/id1625011143' //下载地址 IOS
          plus.runtime.openURL(url)
          plus.runtime.restart()
        }
      },
      jcbdCancel() {
        // this.confirmReceipt()
        // let date = ""
        // date = this.collectData.lssuingTime.slice(0, 4) + "-" + this.collectData.month
        this.$refs.binds.close()
        uni.navigateTo({
          url: '/pages_owner/carMember/receiveDetail?index=' + this.scoringIndex,
        })
      },
      async confirmReceipt() {
        if (this.confirmReceiptLoading) {
          return false
        }
        this.confirmReceiptLoading = true
        for (let i = 0; i < this.collectList.length; i++) {
          var collectData = this.collectList[i]
          await this.$myRequest
            .post('/api/mobile/vehicleOwner/receiveGifts', {
              giftDistributionRecordId: collectData.id,
              distributors: collectData.merchantId,
              issued_by: collectData.lssuedBy,
              role_type: collectData.roleType,
              licensePlateNumber: collectData.licensePlateNumber,
              receiveBy: collectData.receiveBy,
              giftId: collectData.giftId,
            })
            .then((res) => {
              if (i == this.collectList.length - 1) {
                uni.showToast({
                  title: res.msg,
                  icon: 'none',
                  mask: true,
                })
                this.$refs.binds.close()

                setTimeout(() => {
                  this.confirmReceiptLoading = false
                }, 100)
              }
            })
        }
        this.giftReceive()
      },
      // 判断用户是否有待领取的礼品
      giftReceive() {
        return this.$myRequest
          .get('/api/mobile/vehicleOwner/getUnclaimedGiftReceived', {
            userId: this.userInfo.id,
          })
          .then((res) => {
            if (res.GiftDistributionRecord.length != 0) {
              var merchantId = res.GiftDistributionRecord[0].merchantId
              this.collectData = res.GiftDistributionRecord[0]
              this.collectList = res.GiftDistributionRecord.filter(
                (item) => item.merchantId == merchantId
              )
              this.scoringIndex = -1
              this.$refs.binds.open()
            } else {
              this.$refs.binds.close()
            }
          })
      },
      // 管理员是否有弹窗
      giftReceiveFromMerchant() {
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getWhetherPromptToAdmin', {
            userId: this.userInfo.id,
          })
          .then((res) => {
            var arr = (res.whetherPrompt || []).filter((item) => item.confirmStatus)
            if (arr.length > 0) {
              this.receivePrompt = res.whetherPrompt[0]
              this.$refs.binds44.open()
            } else {
              // this.$refs.binds44.open()
              this.$refs.binds44 && this.$refs.binds44.close()
            }
            this.confirmLoading = false
            // if(res.GiftDistributionRecord!=0){
            // 	// this.collectData=res.GiftDistributionRecord[0]
            // 	// this.$refs.binds.open()
            // }
          })
      },
      confirm44(item) {
        // uni.navigateTo({
        // 	url: "/pages_my/test22?from=popup&e="+JSON.stringify(item)
        // })
        if (this.confirmLoading) {
          return false
        }
        this.confirmLoading = true
        this.$myRequest
          .put(
            '/api/mobile/vehicleOwner/adminReadMessagePrompt?userId=' +
              this.userInfo.id +
              '&movementNo=' +
              item.movementNo,
            {
              // userId: this.userInfo.id,
              // movementNo:item.movementNo,
            }
          )
          .then((res) => {
            console.log('res', res)
            // this.giftReceiveFromMerchant()
            // if(res.whetherPrompt.length>0){
            // 		this.receivePrompt=res.whetherPrompt[0]
            // 		this.$refs.binds33.open()
            // }
            // if(res.GiftDistributionRecord!=0){
            // 	// this.collectData=res.GiftDistributionRecord[0]
            // 	// this.$refs.binds.open()
            // }
          })
        // setTimeout(()=>{
        // 	this.$refs.binds44.close()
        // },500)
      },
      merchantRecordDetailLink(item) {
        this.confirm44(item)
        this.$refs.binds44.close()
        uni.setStorageSync('recordDetali', item)
        uni.navigateTo({
          url: '/pages_my/recordDetali',
        })
      },
      // 判断商家是否有管理员通知
      giftReceiveFromAdmin() {
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getWhetherPromptToMerchant', {
            userId: this.userInfo.merchantId,
          })
          .then((res) => {
            if (res.whetherPrompt.length > 0) {
              this.receivePrompt = res.whetherPrompt[0]
              this.$refs.binds33.open()
            } else {
              this.$refs.binds33 && this.$refs.binds33.close()
            }
            // if(res.GiftDistributionRecord!=0){
            // 	// this.collectData=res.GiftDistributionRecord[0]
            // 	// this.$refs.binds.open()
            // }
          })
      },
      confirm33(item) {
        uni.navigateTo({
          url: '/pages_my/bangClub?from=popup&e=' + JSON.stringify(item),
        })
        setTimeout(() => {
          this.$refs.binds33.close()
        }, 500)
      },
      // 判断用户是否离职
      quit() {
        if (this.userInfo.businessType == 1) {
          this.$myRequest
            .get('/mob/user/isMarkResignation', {
              userId: this.userInfo.id,
            })
            .then((res) => {
              if (res.code == 200) {
                getApp().globalData.confirm = res.confirm
                this.zbc = false
                clearTimeout(time)
                var time = setTimeout(() => {
                  if (res.confirm) {
                    this.zbc = true
                  }
                  clearTimeout(time)
                }, 1000)
              }
            })
        } else {
          this.$myRequest
            .get('/api/mobile/vehicleOwner/getWhetherMarkResignationByUserId', {
              userId: this.userInfo.id,
            })
            .then((res) => {
              if (res.code == 200) {
                getApp().globalData.confirm = res.confirm
                this.zbc = false
                clearTimeout(time)
                var time = setTimeout(() => {
                  if (res.confirm) {
                    this.zbc = true
                  }
                  clearTimeout(time)
                }, 1000)
              }
            })
        }
      },
      toJoinGroupPage(){
        uni.navigateTo({
          url: '/pages_search/joinGroup/joinGroup'
        })
      },
      // 切换车源推荐，房源推荐
      switchRecom(index) {
        this.switchRecomData = index
        this.Recommend = []
        this.pageNo = 1
        this.switchRecomList()
      },
      // 切换推荐改变数据
      async switchRecomList(isFirst = 0) {
      /* isFirst = 0 不需其他操作 */
        this.downStatus = true;
        if (this.switchRecomData == 4) {
          this.getRecruitment(isFirst)
        } else {
          // console.log("switchRecomList-------------",isFirst);
          this.getRecommend(isFirst)
        }
      },
      sousuo() {
        // if (!this.userinfo.phone) {
        // 	uni.showToast({
        // 		title: "请登录",
        // 		icon: "none",
        // 		mask: true
        // 	});
        // 	return;
        // }
        uni.navigateTo({
          url: '/pages_owner/release/searchPage?searchType=1',
        })
      },
      queding() {
        this.$refs.tijiaos.close()
      },
      async saoma(mode = 'defaultMode') {
        let that = this
        if (!this.showLogin()) {
          return
        }
        uni.$off('commonScanResult2')
        uni.$on('commonScanResult2', (res) => {
          this.scanDeal(res)
        })
        uni.$off('commonScanResult3')
        uni.$on('commonScanResult3', (res) => {
          this.$refs.tijiaos1.open()
        })
        // #ifdef APP-PLUS
        uni.navigateTo({
          url: '/pages_my/newScanCoden?from=index',
        })
        // try {
        //   let result = await this.$store.dispatch('system/requestPermissions', 'CAMERA')
        //   if (!result) throw Error('')
        //   result = await this.$store.dispatch('system/requestPermissions', 'READ_EXTERNAL_STORAGE')
        //   if (!result) throw Error('')
        //   result = await this.$store.dispatch('system/requestPermissions', 'ACCESS_FINE_LOCATION')
        //   if (!result) throw Error('')
        //   uni.navigateTo({
        //     url: '/pages_my/newScanCoden?from=index',
        //     // url: '/pages/index/scanTest?from=index'
        //   })
        // } catch (err) {
        //   console.log(err)
        // }

        // #endif
        // #ifdef MP-WEIXIN
        uni.navigateTo({
          url: '/pages_my/wxScanCode?from=index',
        })
        // #endif

        return
        var scanOption = {
          scanMode: mode, //扫描模式
          scanType: [],
          scanResultImage: false, //是否返回扫描图片
          pictureBase64: '', //要识别的图片（转base64）
          scanTypeOptions: {
            scanTitle: '华为扫描', //导航栏标题
            showPhotoAlbum: true, //显示扫描相册
            showLight: false, //显示手电筒
            showScanFrame: true, //是否显示扫描框
            showLine: true, //是否显示扫描线条
            scanLineColor: '#FF00FF', //扫描线条背景色
            lineAnimationDuration: 3, //扫码线条动画时间 默认 3秒
            sleep: 3, //连续扫描时间间隔，默认1秒
            showScanMessage: true, //显示扫描框上方提示文字
            scanMessage: '将码放入取景框,即可自动扫描', //扫描框上方提示文字
            scanFrameSize: 300, //扫描框大小
            scanFrameBackgroudColor: '#1f00BCD4', //扫描框背景
            scanFrameStrokeColor: '#e1ffff', //扫描框外边框
            scanContinue: false, //连续扫描
            scanFrameRoundedCorner: 6, //扫描框圆角
          },
          multiOptions: {
            //多码配置
            oneCodeReturn: true, //只扫描到一个码直接返回
            multicodeReturn: false, //true：返回多码,为false选择多选1
            scanCancelBtnTitle: '取消', //多码结果也左上角按钮文字
            scanResultTips: '已扫描到码请选择', //扫描结果页选择码提示文字
            identificationNumber: 3, //识别到指定码数量
            identificationNumberReturn: true, //识别到指定数量码才返回
            identificationMoreMax: false, //识别的码多余指定识别的码返回
          },
        }

        if (mode == 'defaultMode') {
        } else if (mode == 'customizedMode') {
          //可设置 scanTypeOptions
        } else if (mode == 'multiProcessorMode') {
          //设置 multiOptions
        } else if (mode == 'BitmapMode') {
        } else if (mode == 'Base64') {
          //设置  pictureBase64（需要识别的图片转成Base64）
          scanOption.pictureBase64 = this.photoBase64
        }
        // #ifdef APP-PLUS

        hwscan.hwScan(
          {
            scanOptions: scanOption,
          },
          (res) => {
            this.result = res.result

            // this.scanDeal(res.result)
            console.log('扫描结果：' + res.result)
            // uni.showToast({
            // 	title: res.result,
            // 	icon: 'none',
            // 	duration: 1500
            // })
            // if (res.photo) {
            // 	this.resultPhoto = res.photo
            // }
          }
        )
        // #endif

        return
        if (!this.showLogin()) {
          return
        }
        uni.scanCode({
          success: function (ress) {
            // console.log('所有数据',ress);
            // console.log('条码类型：' + ress.result);
            // 扫描二维码返回数据格式 https://a.app.qq.com/o/simple.jsp?pkgname=com.cn.conven&number=1&shopId=111111
          },
          fail: function (res) {},
        })
      },
      scanDeal(ress) {
        let that = this
        if (ress.result.split('?')[0] != 'https:\/\/a.app.qq.com/o/simple.jsp') {
          uni.showToast({
            title: '请扫描正确的二维码',
            icon: 'none',
            mask: true,
          })
          return
        }
        // return;
        console.log(ress, 'ress-----')
        if (ress.result.includes('codeId')) {
          let codeId = ''
          let merchantId = ''
          codeId = ress.result.split('&')[1].split('=')[1]
          merchantId = ress.result.split('&')[2].split('=')[1]
          that.$myRequest
            .get('/api/mobile/vehicleOwner/getLicensePlateNumberByCodeId', {
              codeId: codeId,
              merchantId: that.userInfo.merchantId,
              longitude: that.longitude,
              latitude: that.latitude,
            })
            .then(async (res) => {
              // console.log(res);
              // debugger;
              // return;
              if (that.userInfo.merchantId) {
                var status = 1
                await this.$myRequest
                  .get('/api/mobile/vehicleOwner/getMerchantById', {
                    merchantId: this.userInfo.merchantId,
                  })
                  .then((res) => {
                    status = res.merchantInfo.status
                  })
                if (status != 1) {
                  uni.showToast({
                    title: '商家已被冻结，不可发放礼品',
                    icon: 'none',
                    mask: true,
                  })
                  return
                }
                if (!res.whetherExistence) {
                  that.assa = 1
                  that.$refs.tijiaos.open()
                } else {
                  if (res.codeBindRecord.notReceiveCount >= 1) {
                    that.assa = 2
                    that.$refs.tijiaos.open()
                    return
                  }
                  // if(res.codeBindRecord.receiveCount>0){
                  // 	that.assa=3
                  // 	that.$refs.tijiaos.open()
                  // 	return
                  // }
                  if (res.codeBindRecord.isMerchant == '1') {
                    uni.showToast({
                      title: '二维码已失效',
                      icon: 'none',
                      mask: true,
                    })
                    return
                  }
                  var isFinish = false
                  if (res.codeBindRecord.licensePlateNumber) {
                    await this.$myRequest
                      .get('/api/mobile/vehicleOwner/getDropDownListGiftInformation', {
                        merchantId: this.userInfo.merchantId,
                        licensePlateNumber: res.codeBindRecord.licensePlateNumber,
                      })
                      .then((res) => {
                        // var showPrize = false
                        // if(res.bindingTime&&res.bindingTime.bindingTime&&  +new Date()>+new Date(res.bindingTime.bindingTime)&&this.$Time.formatTime2('yyyy-MM',new Date())!=this.$Time.formatTime2('yyyy-MM',new Date(res.bindingTime.bindingTime))){
                        // 	showPrize = true
                        // }
                        var pageList = res.giftInformation.pageList
                        pageList.forEach((v) => {
                          v.active = false
                          v.batch = v.giftInformation.batch
                          v.giftType = v.giftInformation.giftType
                        })
                        pageList = pageList.filter(
                          (item) =>
                            res.whetherBoundMerchantConsistent ||
                            (!res.whetherBoundMerchantConsistent &&
                              item.giftInformation.giftType != '2')
                        )
                        // pageList = pageList.filter(item=>showPrize||!showPrize&&item.giftInformation.giftType!='2')
                        isFinish = pageList.length == 0
                      })
                  }
                  if (isFinish) {
                    that.assa = 3
                    that.$refs.tijiaos.open()
                    return
                  } else {
                    uni.navigateTo({
                      url:
                        '/pages_owner/carMember/memberGifts?licensePlateNumber=' +
                        res.codeBindRecord.licensePlateNumber +
                        '&codeId=' +
                        codeId,
                    })
                  }
                }
              } else {
                if (res.emptyOrNotQrCode) {
                  uni.showToast({
                    title: '该二维码未绑定会员商家',
                    icon: 'none',
                    mask: true,
                  })
                  return false
                }
                if (res.codeBindRecord && res.codeBindRecord.userId == that.userInfo.id) {
                  uni.navigateTo({
                    url: '/pages_my/bangClub?index=1',
                  })
                } else if (res.whetherExistence == 1) {
                  uni.showToast({
                    title: '该二维码已被绑定',
                    icon: 'none',
                    mask: true,
                  })
                } else {
                  uni.navigateTo({
                    url:
                      '/pages_owner/carMember/bindQRCode?codeId=' +
                      codeId +
                      '&merchantId=' +
                      merchantId,
                  })
                }
              }
            })
        } else {
          let id = ''
          let giftId = ''
          id = ress.result.split('&')[3].split('=')[1]
          giftId = ress.result.split('&')[2].split('=')[1]
          that.$myRequest
            .get('/api/mobile/public/getEventMerchantsByUserId', {
              userId: that.userInfo.id,
              giftId: giftId,
              exchangeRecordsId: id,
            })
            .then((res) => {
              if (res.success) {
                // 活动发放商家礼品
                that.$myRequest
                  .post('/api/mobile/public/confirmRedemption', {
                    id: id,
                    userId: that.userInfo.id,
                  })
                  .then((res) => {
                    uni.showToast({
                      title: res.msg,
                      icon: 'none',
                      mask: true,
                    })
                  })
              } else {
                uni.showToast({
                  title: res.msg,
                  icon: 'none',
                  mask: true,
                })
              }
            })
        }
      },
      getUserPhone() {
        let that = this
        this.$myRequest
          .get('/mob/login/getUserInfoByPhone', {
            phone: this.phone,
          })
          .then((res) => {
            this.userInfo = res.userInfo
            uni.setStorageSync('Pduser', res.userInfo)
            that.$store.dispatch('user/login', res.userInfo)
          })
      },
      //同意离职
      agreelz() {
        this.zbc = false
        getApp().globalData.confirm = false
        if (this.userInfo.businessType == 1) {
          this.$myRequest
            .post('/mob/user/confirmResignation', {
              id: this.userInfo.id,
            })
            .then((data) => {
              if (data.code == 200) {
                this.guan()
                uni.showToast({
                  title: data.msg,
                  mask: !0,
                })
              }
            })
        } else {
          this.$myRequest
            .post('/api/mobile/vehicleOwner/confirmResignation', {
              userId: this.userInfo.id,
            })
            .then((data) => {
              if (data.code == 200) {
                this.guan()
                uni.showToast({
                  title: data.msg,
                  mask: !0,
                })
              }
            })
        }
      },
      jinzhi() {
        let _this = this
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            _this.setWxShare(re.data)
          },
        })
      },
      setWxShare(data) {
        let _this = this
        wxshare.config({
          debug: false, //是否打开调试
          appId: data.appId, // 公众号的唯一标识
          timestamp: data.timestamp, // 生成签名的时间戳
          nonceStr: data.nonce, // ，生成签名的随机串
          signature: data.signature, // 签名
          jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData', 'openLocation'],
        })
        wxshare.ready(function () {
          //分享给朋友
          wxshare.updateAppMessageShareData({
            title: '帮帮同城-平度人都在用的生活服务平台', // 分享标题
            desc: '找房就用帮帮同城!', // 分享描述
            link: `https://www.bangbangtongcheng.com/conven//login/Wxlogin.do`, // 当前页面链接pp
            imgUrl: 'https://pic.bangbangtongcheng.com/static/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%88%86%E4%BA%AB.png', // 分享图标
            success: function () {
              //分享成功回调
            },
            cancel: function () {
              //取消分享回调
            },
          })
          wxshare.updateTimelineShareData({
            title: '帮帮同城-平度人都在用的生活服务平台', // 分享标题
            desc: '找房就用帮帮同城!', // 分享描述
            link: `https://www.bangbangtongcheng.com/conven//login/Wxlogin.do`, // 当前页面链接pp
            imgUrl: 'https://pic.bangbangtongcheng.com/static/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%88%86%E4%BA%AB.png', // 分享图标
            success: function () {},
            cancel: function () {},
          })
        })
      },
      onShareAppMessage: function (res) {
        let that = this
        // console.log(that.imgUrl + that.data.logo);
        if (res.from === 'menu') {
          // 来自页面内分享按钮
        }
        return {
          title: '帮帮同城-平度人都在用的生活服务平台',
          path: '/pages/index/index',
          desc: '找房就用帮帮同城',
          imageUrl: 'https://pic.bangbangtongcheng.com/static/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%88%86%E4%BA%AB.png',
        }
      },
      onShareTimeline() {
        return {
          title: '帮帮同城-平度人都在用的生活服务平台',
          path: '/pages/index/index',
          imageUrl: 'https://pic.bangbangtongcheng.com/static/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%88%86%E4%BA%AB.png',
        }
      },
      // 轮播图跳转
      bannerD(id) {
        console.log(id, 1111111)
        uni.navigateTo({
          url: '/pages/index/bannerData?id=' + id,
        })
        // uni.navigateTo({
        // 	url: "/pages_owner/index/bannerData?id=" + id,
        // 	fail(err){
        // 		console.log(err,22222)
        // 	}
        // });
      },
      guan() {
        this.zbc = false
        getApp().globalData.confirm = false
      },
      down() {
        console.log('down');
        if (this.downStatus) {
          this.pageNo++
          this.switchRecomList()
        }
      },
      async up() {
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true
        if (this.upStatus) {
          this.trigger = true
          await this.switchRecomList()
        }
      },
      toFollowAccount(){
        const url = 'https://mp.weixin.qq.com/s/R1FeTRksk8s2a-VoMaSBZw';
        uni.navigateTo({
          url: "/pages_my/webview?wxUrl=" + encodeURIComponent(url),
        });
        // plus.runtime.openURL(url);
      },
      // 滚动列表跳转
      WatchNav(id) {
        uni.navigateTo({
          url: '/pages_index/Watch/details?id=' + id,
        })
      },
      //离职弹窗
      guan() {
        this.zbc = false
      },
      // 跳转房源或车主或地图
      tiaozhuan(num) {
        if (num == 1) {
          uni.navigateTo({
            url: '/pages_index/bigIndex',
          })
        } else if (num == 2) {
          uni.navigateTo({
            url: '/pages_owner/index/index',
          })
        } else if (num == 3) {
          uni.navigateTo({
            url: '/pages_recruitMoney/index/index',
          })
        } else if (num == 4) {
          this.mapChilk = true
        } else if (num == 5) {
          uni.navigateTo({
            url: '/pages_my/bangClub',
          })
        } else if (num == 6) {
          if (!this.showLogin()) {
            return
          }
          uni.navigateTo({
            url: '/pages_my/activity',
          })
          this.showActivityclose()
        }
      },
      mapSeek(index) {
        if (index == 1) {
          // 地图找车
          uni.navigateTo({
            // #ifdef APP
            url: '/pages/mapFind/Map',
            //#endif
            // #ifndef APP
            url: '/pages_mapFind/mapHouse',
            //#endif
          })
        } else if (index == 2) {
          uni.navigateTo({
            // #ifdef APP
            url: '/pages/index/Map',
            //#endif
            // #ifndef APP
            url: '/pages_index/mapHouse',
            //#endif
          })
        } else {
          uni.navigateTo({
            // #ifdef APP
            url: '/pages/zcMapFind/Map',
            //#endif
            // #ifndef APP
            url: '/pages_mapFind/zcMapHouse',
            //#endif
          })
        }
        this.mapChilk = false
      },
      mapClose() {
        this.mapChilk = false
      },
      zpdetails(item) {
        if (item.recruitmentType == 1) {
          uni.navigateTo({
            url: '/pages_recruitMoney/recruitmentDetails/fullTime?id=' + item.id,
          })
          return
        } else {
          uni.navigateTo({
            url: '/pages_recruitMoney/recruitmentDetails/concurrently?id=' + item.id,
          })
          return
        }
      },
      // 房源跳转
      details(item) {
        if (this.switchRecomData == 4) {
          if (item.recruitmentType == 1) {
            uni.navigateTo({
              url: '/pages_recruitMoney/recruitmentDetails/fullTime?id=' + item.id,
            })
            return
          } else {
            uni.navigateTo({
              url: '/pages_recruitMoney/recruitmentDetails/concurrently?id=' + item.id,
            })
            return
          }
        }
        if (item.transactionType) {
          uni.navigateTo({
            url: '/pages_houses/housing/used/houseDetails?id=' + item.id,
          })
        } else {
          // 跳转车源详情页
          if (item.vehicleType == 3) {
            uni.navigateTo({
              url: '/pages_owner/index/carSeriesDetails?id=' + item.id,
            })
          } else {
            uni.navigateTo({
              url: '/pages_owner/index/vehicleDetails?id=' + item.id,
            })
          }
        }
      },
      //房源数据
      getRecommend(isFirst = 0) {
        this.upStatus = false;
        console.log('定位：-----------',this.latitude,this.longitude);
        console.log('页码：-----------',this.pageNo);
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getBigMainHomePageByConditions', {
            userId: this.userInfo.id,
            pageSize: this.pageSize,
            pageNo: this.pageNo,
            latitude: this.latitude,
            longitude: this.longitude,
            category: this.switchRecomData == 1 ? '' : this.switchRecomData == 2 ? '1' : '2',
          })
          .then((res) => {
            if (!res.mainHomePageList.pageList.length) {
              this.downStatus = false
            }
            res.mainHomePageList.pageList.forEach(v => {
              // v.licensingTimeYear && (v.licensingTimeYear = v.licensingTimeYear.slice(2,5));
              // v.licensingTimeMonth && (v.licensingTimeMonth = v.licensingTimeMonth * 1);
            })
            this.upStatus = true
            this.trigger = false;
            if (isFirst) {
              this.Recommend = res.mainHomePageList.pageList;
            } else {
              this.Recommend = this.Recommend.concat(res.mainHomePageList.pageList);
            }
            uni.stopPullDownRefresh()
          })
      },
      //招才数据
      getRecruitment(isFirst = 0) {
        this.upStatus = false
        this.$myRequest
          .get('/api/mobile/personnelOwner/getRecruitmentMainHomePage', {
            userId: this.userInfo.id,
            pageSize: this.pageSize,
            pageNo: this.pageNo,
            latitude: this.latitude,
            longitude: this.longitude,
          })
          .then((res) => {
            if (!res.recruitmentMainHomePageList.pageList.length) {
              this.downStatus = false
            }
            this.upStatus = true
            this.trigger = false;
            if (isFirst) {
              this.Recommend = res.recruitmentMainHomePageList.pageList;
            } else {
              this.Recommend = this.Recommend.concat(res.recruitmentMainHomePageList.pageList);
            }
            uni.stopPullDownRefresh()
          })
      },
      // 轮播图
      getBanner() {
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getCarouselChartsByType', {
            carouselType: '1',
            type: '1',
          })
          .then((res) => {
            console.log(res.carouselChartsList.pageList)
            this.bannerList = res.carouselChartsList.pageList
          })
      },
      // 滚动数据
      getWatch() {
        this.$myRequest
          .get('/mob/home/getWatch', {
            pageSize: 10,
            pageNo: 1,
            auditStatus: 2,
          })
          .then((res) => {
            this.WatchList = res.list
          })
      },
      getLocation1(isOnShow=0) {
        let _this = this
        uni.getLocation({
          type: 'gcj02',
          success(res) {
            _this.latitude = res.latitude;
            _this.longitude = res.longitude;
            console.log(res.latitude,res.longitude);
            // #ifdef APP-PLUS
            uni.setStorageSync('locationState', 1)
            _this.locationVisible = false
            uni.setStorageSync('locationNumber', 0);
            // #endif
            !isOnShow && _this.switchRecomList(1);
          },
          fail(res) {
            // #ifdef APP-PLUS
            let number = uni.getStorageSync('locationNumber')
            number++
            uni.setStorageSync('locationNumber', number)
            uni.setStorageSync('locationState', 0)
            _this.locationVisible = !0;
            // #endif
          },
        })
      },
      toLocationSetting() {
        if (plus.os.name === 'iOS') {
          plus.runtime.openURL('app-settings://')
        } else {
          var Intent = plus.android.importClass('android.content.Intent')
          var Settings = plus.android.importClass('android.provider.Settings')
          var Uri = plus.android.importClass('android.net.Uri')
          var mainActivity = plus.android.runtimeMainActivity()
          var intent = new Intent()
          intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS)
          var uri = Uri.fromParts('package', mainActivity.getPackageName(), null)
          intent.setData(uri)
          mainActivity.startActivity(intent)
        }
      },
    },
  }
</script>

<style lang="less" scoped>
  .isViewVisible {
    position: fixed;
    top: 0;
    left: 0;
    width: 750rpx;
  }

  .qy-gr-label {
    width: 74rpx;
    height: 30rpx;
    margin-top: 8rpx;
  }

  // 全局的溢出样式
  .ellipsis {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  // 全局的标签样式
  .tagLabel {
    min-width: 70rpx;
    height: 40rpx;
    background: #e7f5f4;
    border-radius: 4rpx;
    box-sizing: border-box;
    vertical-align: middle;
    color: #0fa291;
    font-size: 24rpx;
    line-height: 24rpx;
    margin-right: 10rpx;
    padding: 8rpx 11rpx;
  }
  page {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
  }

  .quanbu {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 100000;

    /deep/ .mask {
      background-color: #fff;
    }
  }

  .zbc {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 99999;

    .tan {
      position: absolute;
      width: 600rpx;
      height: 300rpx;
      background-color: #fff;
      border-radius: 10rpx;
      top: 34%;
      left: 75rpx;

      .text {
        width: 100%;
        text-align: center;
        margin-top: 80rpx;
        font-size: 36rpx;
      }

      .xiao {
        position: absolute;
        width: 160rpx;
        height: 60rpx;
        background: #ffffff;
        border: 2rpx solid #64b6a8;
        border-radius: 37rpx;
        left: 118rpx;
        bottom: 54rpx;
        text-align: center;
        line-height: 60rpx;
        color: #64b6a8;
      }

      .tong {
        position: absolute;
        width: 160rpx;
        height: 60rpx;
        background: #64b6a8;
        border-radius: 37rpx;
        right: 118rpx;
        bottom: 54rpx;
        text-align: center;
        line-height: 60rpx;
        color: #fff;
      }

      .guan {
        position: absolute;
        width: 58rpx;
        height: 58rpx;
        border: 4rpx solid #ffffff;
        border-radius: 50%;
        left: 50%;
        transform: translateX(-50%);
        bottom: -100rpx;
        text-align: center;
        line-height: 48rpx;
        color: #fff;
        font-size: 56rpx;
      }
    }
  }

  .join-group-box {
    width: 710rpx;
    margin: 30rpx auto 0;
    background: #FFFFFF;
    border-radius: 10rpx;
    height: 90rpx;
    padding: 10rpx;

    .join-avatar {
			width: 64rpx;
			height: 64rpx;
    }
    .join-text {
      width: 420rpx;
      color: #FF4D2E;
      font-weight: 600;
      font-size: 30rpx;
    }
    .tips-text {
      font-size: 22rpx;
      color: #666;
      padding-left: 14rpx;
    }
    .join-btn {
			width: 170rpx;
      animation: breathe 2s ease-in-out infinite;
    }
  }
    /* 定义呼吸动画 */
  @keyframes breathe {
    0% {
      transform: scale(0.9); /* 初始大小 */
    }
    50% {
      transform: scale(1); /* 放大到 1.2 倍 */
    }
    100% {
      transform: scale(0.9); /* 回到初始大小 */
    }
  }
  .bigIndexQie {
    padding: 30rpx 40rpx;
    margin-bottom: 20rpx;
    display: flex;
    align-items: center;

    &.flexd-inde-qie {
      position: fixed;
			left: 0;
      z-index: 15;
      width: 100%;
    }
    

    .text {
      font-size: 28rpx;
      font-weight: 400;
      color: #666666;
      margin-right: 50rpx;
    }

    .active {
      // color: #64b6a8;
      color: #000000;
      font-size: 32rpx;
      position: relative;
      padding-bottom: 6rpx;
    }

    .active::before {
      content: '';
      display: block;
      width: 30rpx;
      height: 6rpx;
      background: #64b6a8;
      border-radius: 3rpx;
      position: absolute;
      bottom: -8rpx;
      left: 50%;
      transform: translateX(-50%);
    }
  }

  .mapbuZbc {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    z-index: 999999999;

    .mapView {
      padding: 0 28rpx;
    }

    view {
      display: inline-block;
      position: relative;
      margin-top: 75%;
      text-align: center;

      image {
        // width: 130rpx;
        // height: 130rpx;
        width: 120rpx;
        height: 120rpx;
      }

      p {
        width: 100%;
        // font-size: 40rpx;
        font-size: 35rpx;
        color: #fff;
        text-align: center;
        margin-top: 24rpx;
        white-space: nowrap;
      }
    }

    .show {
      position: absolute;
      width: 58rpx;
      height: 58rpx;
      left: 50%;
      transform: translateX(-43%);
      top: 270rpx;
    }
  }

  page {
    height: 100%;
  }

  .box {
    width: 100%;
    min-height: 100%;
    padding-bottom: 120rpx;
    background-color: #fff;
    overflow-x: hidden;
  }

  .binds_frame {
    width: 600rpx;
    background-color: #ffffff;
    padding-bottom: 50rpx;
    border-radius: 10rpx;
    text-align: center;

    .binds_frame_t {
      font-size: 30rpx;
      font-weight: 550;
      color: #000000;
      padding: 0 46rpx;
      padding-top: 36rpx;
    }

    .binds_frame_c {
      width: 500rpx;
      margin: 0 auto;
      font-size: 28rpx;
      font-weight: 400;
      color: #64b6a8;
      margin-top: 30rpx;
      margin-bottom: 50rpx;
    }

    .binds_frame_b {
      display: flex;
      align-items: center;
      justify-content: space-around;

      .cancel {
        width: 210rpx;
        height: 70rpx;
        background-color: #64b6a8;
        border-radius: 10rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30rpx;
        font-weight: 400;
        color: #fff;
      }

      .determine {
        width: 210rpx;
        height: 70rpx;
        background-color: #000;
        border-radius: 10rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30rpx;
        font-weight: 400;
        color: #fff;
      }
    }
  }

  .tijiaos_frame {
    width: 600rpx;
    background-color: #ffffff;
    border-radius: 10rpx;
    padding: 46rpx;
    text-align: center;

    .title {
      font-size: 30rpx;
      font-weight: 550;
      color: #000000;
      margin-bottom: 28rpx;
    }

    .tijiaos_one {
      display: flex;
      flex-direction: column;
      // align-items: center;
      text-align: left;

      .image {
        width: 78rpx;
        height: 78rpx;
        margin: 0 auto;
        margin-bottom: 12rpx;
      }

      .image3 {
        width: 78rpx;
        height: 78rpx;
        margin: 0 auto;
        margin-bottom: 30rpx;
      }

      .lqcg {
        font-size: 26rpx;
        font-weight: 400;
        color: #64b6a8;
        text-align: center;
        margin-bottom: 22rpx;
      }

      .lqsb {
        font-size: 26rpx;
        font-weight: 400;
        color: #333333;
        text-align: center;
        margin-bottom: 22rpx;
      }

      .zhyc {
        font-size: 26rpx;
        font-weight: 400;
        color: #333333;
        text-align: center;
      }

      .lqsj {
        font-size: 26rpx;
        font-weight: 400;
        color: #333333;
        margin-left: 72rpx;
      }

      .lqfs {
        font-size: 26rpx;
        font-weight: 400;
        color: #333333;
        margin-left: 72rpx;
      }
    }

    .determine {
      width: 480rpx;
      height: 70rpx;
      background-color: #64b6a8;
      border-radius: 10rpx;
      font-size: 30rpx;
      font-weight: 400;
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
      margin-top: 30rpx;
    }
  }

  .tou {
    position: relative;
    width: 100%;
    height: 88rpx;
    text-align: center;
    line-height: 88rpx;
    font-size: 38rpx;
    color: #fff;

    .index-sousou {
      width: 40rpx;
      height: 40rpx;
    }

    .index-logo {
      width: 128rpx;
      height: 32rpx;
      left: 20rpx;
      margin-top: 28rpx;
    }

    image {
      margin-top: 24rpx;
      position: absolute;
    }
  }

  .bannerBox {
    width: 100%;
    //height: 400rpx;
    // background: #64b6a8;
    // padding-top: 28rpx;
    // margin-top: -4rpx;
    position: relative;

    .banner {
      // margin-left: 30rpx;
      width: 750rpx;
      height: 100%;
      overflow: hidden;
      // border-radius: 24rpx;

      .byTitle {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.1);

        span {
          width: 650rpx;
          padding: 0 20rpx;
          position: absolute;
          bottom: 46rpx;
          font-size: 28rpx;
          font-weight: 500;
          color: #ffffff;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
        }
      }
    }

    .semiCircle {
      position: absolute;
      bottom: 0rpx;
      left: 0rpx;
      width: 750rpx;
      height: 31rpx;
      margin-bottom: -1rpx;
      border-top-right-radius: 50rpx;
      border-top-left-radius: 50rpx;
      background: #eff1f3;
    }
  }

  .Ptop {
    /* #ifdef H5 || APP-PULS */
    // padding-top: 104rpx;
    margin-top: 98rpx;
    /* #endif */
    /* #ifdef H5*/
    // padding-top: 104rpx;
    margin-top: 0rpx;
    /* #endif */

    /* #ifdef MP  */
    // margin-top: 188rpx;
    /* #endif */
  }

  .fixed {
    // display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 40;
    .sticky-top-bg {
      background: url("https://pic.bangbangtongcheng.com/static/bbcz/indexStickyTop.png");
      background-size: cover;
      position: absolute;
      display: inline-block;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 0;
    }
  }

  .cu-item .img {
    width: 100rpx;
    height: 100rpx;
    margin-left: 50%;
    transform: translateX(-50%);
  }

  .cu-item text {
    font-size: 30rpx;
    color: #333333;
  }

  .gonggao {
    width: 710rpx;
    height: 56rpx;
    margin-top: 1rpx;
    margin-bottom: 20rpx;
    margin-left: 20rpx;
    background: #ffffff;
    //box-shadow: 0px 0px 6px 1px rgba(67, 67, 67, 0.16);
    border-radius: 32rpx;
    display: flex;
    justify-content: space-between;
    overflow: hidden;

    .lis {
      //width: 150rpx;
      padding: 18rpx 31rpx;
      padding-right: 10rpx;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24rpx;
      line-height: 24rpx;
    }

    .gong {
      width: 420rpx;
      height: 60rpx;
      margin-top: 16rpx;
      margin-right: 54rpx;
      // margin-left: 14rpx;
      // border-left: 2rpx solid #d0d0d0;

      .text {
        //width: 212rpx;
        font-size: 24rpx;
        line-height: 32rpx;
        margin-left: 12rpx;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        color: #333333;
      }
    }
  }

  .majorFunction {
    margin: 0 auto;
    width: 710rpx;
    height: 126rpx;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20rpx;

    .majorFunctionItem {
      width: 223rpx;
      height: 126rpx;
      border-radius: 24rpx;

      image {
        width: 100%;
        height: 100%;
      }
    }
  }

  .secondaryFunction {
    background: white;
    border-radius: 10rpx;
    margin: 0 auto;
    width: 710rpx;
    display: flex;
    //justify-content: space-between;

    .secondaryFunctionItem {
      padding: 31rpx 0rpx;

      view {
        padding: 0rpx 21rpx;
        padding-right: 30rpx;
        height: 25rpx;
        border-right: 1rpx solid #cccccc;
      }
    }

    .secondaryFunctionItem:nth-child(2) {
      //background-color: red;
      view {
        padding: 0rpx 30rpx;
      }
    }

    .secondaryFunctionItem:nth-child(3) {
      view {
        padding: 0rpx 30rpx;
      }
    }

    .secondaryFunctionItemLast {
      view {
        height: 50rpx;
        padding: 20rpx;
        //padding-left: 37rpx;
      }

      border-right: none;

      // position: absolute;
      // right: 20rpx;
      // top: 15rpx;
      // padding: 15rpx 0rpx;
    }
  }

  .tit1 {
    color: #333333;
    font-size: 38rpx;
    display: flex;
    justify-content: space-between;
    width: 690rpx;
    margin: 50rpx auto 24rpx;

    .tg {
      color: #64b6a8;
      display: flex;
      align-items: center;
      font-size: 30rpx;
      position: relative;

      .triangle {
        width: 0px;
        height: 0px;
        box-sizing: content-box;
        border-left: 8rpx solid transparent;
        border-right: 8rpx solid transparent;
        border-bottom: 15rpx solid #64b6a8;
        margin-left: 20rpx;
        transition: all 0.5s;
      }

      .fan {
        transition: all 0.5s;
        transform: rotate(180deg);
      }

      .kuang {
        position: absolute;
        left: -240rpx;
        top: 120%;
        background: #fff;
        // transform: translateY(-50%);
        width: 330rpx;
        padding: 0 30rpx;
        z-index: 20;
        box-shadow: 0 0 8rpx 4rpx rgba(0, 0, 0, 0.3);

        .item {
          height: 90rpx;
          line-height: 90rpx;
          border-bottom: 2rpx solid #e0e0e0;
        }

        .item:last-child {
          border-bottom: 0;
        }
      }
    }
  }

  .cardImageIcon {
    width: 24rpx !important;
    height: 24rpx !important;
    margin-right: 6rpx !important;
  }

  .list {
    margin: 0rpx 20rpx;
    width: 710rpx;
  }

  .down {
    height: 60rpx;
    line-height: 60rpx;
    // border-top: 2rpx solid #d0d0d0;
    text-align: center;
  }

  .none {
    text-align: center;

    image {
      width: 430rpx;
      margin-bottom: 16rpx;
    }

    view {
      height: 40rpx;
      line-height: 40rpx;
      color: #666;
    }
  }

  .renew {
    width: 600rpx;
    border-radius: 36rpx;
    background-color: #fff;
    padding-bottom: 50rpx;

    .heade_top {
      width: 100%;
      height: 260rpx;
      background-image: url('https://pic.bangbangtongcheng.com/static/versionUpdate.png');
      background-repeat: no-repeat;
      background-size: 100%;
      border-radius: 36rpx 36rpx 0 0;
      position: relative;

      .title {
        position: absolute;
        top: 40rpx;
        left: 40rpx;

        .banben {
          font-size: 36rpx;
          font-weight: 550;
          color: #ffffff;
        }

        .hao {
          font-size: 28rpx;
          font-weight: 400;
          color: #ffffff;
        }
      }
    }

    .renew_center {
      width: 100%;
      padding: 0 40rpx;
      height: 260rpx;
      margin: 20rpx 0;
    }

    .immediately {
      width: 400rpx;
      height: 80rpx;
      background-color: #6ac9b9;
      border-radius: 8rpx;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 32rpx;
      font-weight: 400;
      color: #ffffff;
    }
  }

  .mask {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
  }

  .uni-popup-wrapper {
    width: 600rpx;
    background: #ffffff;
    border-radius: 10rpx;
    opacity: 1;
    padding: 0 32rpx;
    text-align: center;
    overflow: hidden;
    position: relative;

    .close {
      position: absolute;
      top: 30rpx;
      right: 30rpx;
      color: #333;
      font-size: 40rpx;
    }

    .tips {
      color: #666666;
      font-size: 28rpx;
      line-height: 39rpx;
      text-align: center;
      margin-bottom: 48rpx;
    }

    .scoringList {
      display: flex;
      justify-content: space-between;
      padding: 0 32rpx;
      margin-bottom: 58rpx;

      .scoringItem {
        text-align: center;

        .icon {
          width: 80rpx;
          height: 80rpx;
          margin-bottom: 8rpx;
        }

        .showA {
          animation-name: jump;
          animation-duration: 1s;
          animation-timing-function: linear;
        }

        @keyframes jump {
          0% {
            transform: scale(1);
          }

          50% {
            transform: scale(1.2);
          }

          100% {
            transform: scale(1);
          }
        }

        view {
          color: #999999;
          font-size: 26rpx;
          line-height: 36rpx;
        }

        &.active {
          view {
            color: #222;
          }
        }
      }
    }
  }

  .uni-popup-title {
    margin-top: 32rpx;
    font-size: 32rpx;
    font-weight: 400;
    color: #333333;
    line-height: 30rpx;
  }

  .uni-popup-content {
    padding: 30rpx 32rpx 40rpx 32rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: #999;
    line-height: 42rpx;
    white-space: pre-wrap;
  }

  .uni-popup-btn-one {
    width: 100%;
    height: 80rpx;
    line-height: 80rpx;
    background: #64b6a8;
    border-radius: 40rpx 40rpx 40rpx 40rpx;
    opacity: 1;
    font-size: 30rpx;
    font-weight: 400;
    color: #ffffff;
    line-height: 30rpx;
    margin-bottom: 32rpx;
  }

  .uni-popup-mark {
    color: #e00000;
  }

  .uni-popup-tip {
    font-size: 20rpx;
    font-weight: 400;
    color: #999999;
    line-height: 28rpx;
    margin: 10rpx auto;
  }

  .uni-popup-btn-wrapper {
    display: flex;
    width: 100%;
    justify-content: center;
    padding-bottom: 48rpx;
  }

  .uni-popup-btn {
    width: 504rpx;
    // flex: 1;
    height: 90rpx;
    line-height: 90rpx;
    font-size: 30rpx;
    font-weight: 400;
    opacity: 1;
    border-radius: 500rpx;

    &.left {
      background: #64b6a8;
      color: #ffffff;
    }

    &.right {
      background: #64b6a8;
      color: #ffffff;
    }
  }

  .uni-popup-list {
    margin: 0 22rpx 32rpx 22rpx;

    .uni-popup-item {
      margin-top: 20rpx;

      font-size: 28rpx;
      font-weight: 400;
      color: #333333;
      line-height: 39rpx;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;

      .uni-popup-item-name {
        text-align: left;
        width: 500rpx;
      }
    }
  }

  .activity_window {
    display: flex;
    justify-content: space-between;
    padding: 0 30rpx;

    .activity_item {
      width: 335rpx;
      height: 140rpx;

      image {
        width: 100%;
        height: 100%;
      }
    }

    .activity_item1 {
      background: #ffdac5;
      border-radius: 24rpx;

      image {
        width: 100%;
        height: 70rpx;
      }

      .activity_time {
        display: flex;
        padding-top: 10rpx;
        padding-left: 18rpx;
        padding-right: 16rpx;
        align-items: center;
        box-sizing: content-box;
        height: 40rpx;

        .time_box {
          display: flex;
          align-items: center;
          justify-content: center;
          min-width: 40rpx;
          height: 40rpx;
          background: #fb5535;
          border-radius: 4rpx;
          color: #fff;
          font-size: 24rpx;
          font-weight: bold;
        }

        .unit {
          width: 28rpx;
          color: #fb5e39;
          font-size: 20rpx;
          text-align: center;
        }

        .btn {
          width: 100rpx;
          height: 32rpx;
          background: #fff8f3;
          border-radius: 6rpx;
          margin-left: 2rpx;
          color: #fb5e39;
          font-size: 20rpx;
        }
      }
    }
  }

  .mask1 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, 0.3);
  }

  .activity_box {
    transition: 1s;
    position: fixed;
    display: none;
    text-align: center;
    z-index: 11;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    .activity_image {
      width: 484rpx;
      height: 713rpx;
      margin-bottom: 60rpx;
    }

    .window_close {
      width: 64rpx;
      display: block;
      margin: 0 auto;
      height: 64rpx;
    }
  }

  .show {
    display: block;
  }

  // .show {
  //   transition: 1s;
  //   display: block;
  //   animation-name: showWindow;
  //   animation-timing-function: linear;
  //   animation-duration: 0.6s;
  //   animation-delay: 0.01s;
  //   left: 50%;
  //   top: 50%;
  //   transform: translate(-50%, -50%) scale(1);
  // }
  .hide {
    transition: 1s;
    animation-name: hideWindow !important;
    animation-timing-function: linear;
    animation-delay: 0.01s;
    animation-duration: 0.6s;
    display: block;
    /* #ifdef H5 */
    top: 750rpx;
    /* #endif */
    /* #ifndef H5 */
    top: 760rpx;
    /* #endif */
    left: 45%;
    transform: translate(-50%, -50%);
    // animation-fill-mode: forwards;
  }

  .shake {
    animation-name: shake;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-delay: 0.5s;
  }

  .location-popup {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 140rpx;
    display: flex;
    justify-content: center;
    align-content: center;

    .location-content {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 90%;
      background: rgba(0, 0, 0, 0.8);
      border-radius: 10rpx;
      padding: 20rpx 40rpx;

      .content-l {
        view {
          color: #fff;
        }
      }

      .content-r {
      }
    }
  }
</style>
